<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>

export default {}
// 动态获取页面的宽度, 根据宽度动态设置fontSize的大小
document.addEventListener("DOMContentLoaded", () => {
  const html = document.querySelector("html");
  // 设置上限为50px
  let fontSize = (window.innerWidth / 10) > 50 ? 50 :(window.innerWidth / 10) ;
  html.style.fontSize = fontSize + "px";
});
</script>

<style lang="scss" scoped>
@import "./assets/styles/global.scss";
 #app {
   width: 100%;
   height: 100;
   overflow: hidden;
 }
</style>
